<!-- Copyright (C) Microsoft Corporation. All rights reserved. -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta
			http-equiv="Content-Security-Policy"
			content="
				default-src
					'none'
				;
				img-src
					'self'
					data:
				;
				script-src
					'self'
				;
				style-src
					'self'
					'unsafe-inline'
				;
				connect-src
					'self'
					https:
				;
				font-src
					'self'
				;
		">
	</head>

	<style>
	</style>

	<body aria-label="">
		<div id="deploycontainer" class="deploycontainer">
			<div class="header-drag-region" id="header-drag-region">
				<div class="header-left" style="float: left;">
					<div class="header-icon" id="header-icon"></div>
					<div class="title" id="title">开发环境快速部署</div>
				</div>
				<div class="header-right" id="header-right" style="float: right;">
					<div class="minw" id="minwBtn"></div>
					<div class="headclose" id="closeBtn"></div>
				</div>
			</div>

			<div class="bodycontent" id="bodycontent">
						<div class="tab" id="homepage">
							<div class="installInfo1" id="installInfo1">
								<h3>说明：</h3>
								<p>1.用于引导用户根据开发场景安装基础功能插件、安装依赖软件、配置基本开发环境。</p>
								<p>2.仅安装基础插件，可以在插件市场中获取更多插件。</p>
								<p>3.在线安装功能需要连接互联网下载插件和依赖软件。</p>
								<p>4.您也可以选择跳过此步骤，自己手动安装插件和依赖软件。</p>
								<p>5.点击帮助按钮，会访问线上帮助文档</p>
							</div>
							<div class="devContent">
								<form class="installSelectionType">
									<label class="installSelection radiogroup">
										<input type="radio" id="onlineInstall" name="choice" value="onlineInstall" checked>
										<label for="onlineInstall" id="onlineInstalllabel">在线安装</label><br>
									</label>
									<!-- <label class="installSelection">
										<input type="radio" id="localInstall" name="choice" value="localInstall">
										<label for="localInstall">本地安装</label><br>
									</label>
									<label class="installSelection">
										<input type="radio" id="justDownload" name="choice" value="justDownload">
										<label for="justDownload">仅下载不安装</label><br>
									</label> -->
									<label class="installSelection radiogroup">
										<input type="radio" id="notNow" name="choice" value="notNow">
										<label for="notNow" id="lablenotNow">跳过</label><br>
									</label>
								</form>
							</div>
						</div>
						<div class="tab" id="waitTab">
							<div class="wait-container">
								<div class="line-spin-fade-loader">
									<div></div>
									<div></div>
									<div></div>
									<div></div>
									<div></div>
									<div></div>
									<div></div>
									<div></div>
								</div>
								<h3>请稍等片刻...</h3>
								<p>正在联网进行配置文件下载、检查、校验及本地配置文件的校验等工作</p>
							</div>
						</div>
						<div class="tab" id="onlineInstallTab1">
							<div class="installInfo1">
								<h3>说明:</h3>
								<p>1.本步骤检查线上配置文件是否和本地配置文件一致，如果线上存在新版本配置文件，建议选择“是”更新配置文件</p>
								<p>2.如果按照本地配置文件操作，可以选择“否”不更新配置文件。</p>
							</div>
							<div class="devContentCol">
								<form class="SelectionUpdate">
									<div class="radiogroup">
										<input type="radio" id="onlineUpdateConfig" name="updateConfig" value="onlineUpdateConfig" checked>
										<label for="onlineUpdateConfig" id="labelonlineUpdateConfig">是</label><br>
									</div>
									<div class="radiogroup">
										<input type="radio" id="onlineLocalConfig" name="updateConfig" value="onlineLocalConfig">
										<label for="onlineLocalConfig">否</label><br>
									</div>
								</form>
							</div>
							<div class="onlinewarningrow">
								<div class="onlinewarningicon"></div>
								<div class="onlinewarning" id="onlinewarning"></div>
							</div>
						</div>
						<div class="tab" id="onlineInstallTab2">
							<div class="installInfo1 osInfo" id="osInfo">
							</div>
							<div class="osInfoShow" id="osInfoShow">
							</div>
						</div>
						<div class="tab" id="onlineInstallTab3">
							<div class="sceneChooseInfo">
								<div class="sceneChoosePanel">
									<h2>开发场景</h2>
									<form id="checkboxForm">
									</form>
								</div>
								<div class="sceneChooseSeparator"></div>
								<div class="depOutputTextbox">
									<div id="depOutDesc" style="white-space: pre-wrap;"></div>
									<pre id="outputPre"></pre>
								</div>
							</div>
						</div>
						<div class="tab progressTab" id="onlineInstallTab4">
							<div class="progress-container">
								<div class="progressinfoContainer">
									<div>
										<span class="progressinfoTitle">安装进度：</span>
										<span class="progressinfoValue">00.00%</span>
									</div>
									<div>
									<span id="progressInfoFinishFail" class="progressInfoFinishFail"></span>
									<span id="progressInfoFinish" class="progressInfoFinish"></span>
									<label id="progressInfoCancel" class="progressInfoCancel">取消</label>
									</div>
								</div>
								<progress class="progress-view" value="50" max="100"></progress>
							</div>

							<div class="detailInstallOutputTextbox">
								<label for="detailInstallOutputTextbox" id="labelprocessdetail">安装列表详情</label>
								<button class="switchInstallOutput" id="switchInstallOutput">
									<img src="./media/switch.png" style="display: inline-block;" alt="切换" width="10px" height="8px"/>
									<div style="display: inline; margin-left: 4px; margin-right: 0px; padding: 0px;">切换输出</div>
								</button>
								<div>
									<pre id="detailInstallPre" style="display: block"></pre>
									<pre id="installLogPre" style="display: none"></pre>
									<pre id="extInstallLogPre" style="display: none"></pre>
									<pre id="finishPage" style="display: none"></pre>
								</div>
								<p style="margin-top: 4px;"><span class="progressinfoTitle"id="detailInstallOutputLogInfo"></span></p>
							</div>
						</div>
			</div>

			<div class="indicator" id="indicator">

			</div>
			<div class="footer">
				<div class="helpLink" id="helpLink" style="float: left;" ></div>
				<div class="btn-group" style="float: right;">
					<button class="prevStep" id="prevStep">上一步</button>
					<button class="nextStep" id="nextStep" type="submit">下一步</button>
				</div>
			</div>
		</div>
	</body>

	<!-- Startup (do not modify order of script tags!) -->
	<script src="deployWindow.js"></script>
</html>
